﻿<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <title>购物指南</title>
    <!--    引入公共样式-->
    <th:block th:insert="~{front/include::head}"></th:block>
</head>

<body>
<!--引入页面头部导航栏-->
<header th:replace="~{front/include2::header}"></header>
<main class="main">
    <div class="page-header breadcrumb-wrap">
        <div class="container">
            <div class="breadcrumb">
                <a th:href="@{/vm/front/index}" rel="nofollow">主页</a>
                <span></span> 帮助
                <span></span> 购物指南
            </div>
        </div>
    </div>
    <section class="mt-50 mb-50">
        <div class="container custom">
            <div class="row">
                <div class="col-lg-12">
                    <div class="single-page pr-30 mb-lg-0 mb-sm-5">
                        <div class="single-header  style-2">
                            <h2>购物指南</h2>
                            <div class="entry-meta meta-1 font-xs mt-15 mb-15">
                                <span class="post-by">By <a href="#">Jonh</a></span>
                                <span class="post-on has-dot">9 April 2020</span>
                                <span class="time-reading has-dot">8 mins read</span>
                                <span class="hit-count  has-dot">29k Views</span>
                            </div>
                        </div>
                        <figure class="single-thumbnail">
                            <img th:src="@{/assets/frontimgs/page/img-1.jpg}" alt="">
                        </figure>
                        <div class="single-content">
                            <h4>1. Account Registering</h4>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla modi dolores neque omnis
                                ipsa? Quia, nam voluptas! Aut, magnam molestias:</p>
                            <ul class="mb-30">
                                <li>Name (required)</li>
                                <li>Age (required)</li>
                                <li>Date of birth (required)</li>
                                <li>Passport/ ID no. (required)</li>
                                <li>Current career (required)</li>
                                <li>Mobile phone numbers (required)</li>
                                <li>Email address (required)</li>
                                <li>Hobbies &amp; interests (optional)</li>
                                <li>Social profiles (optional)</li>
                            </ul>
                            <h4>2. Select Product</h4>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit officia necessitatibus
                                repellat placeat aut enim recusandae assumenda adipisci quisquam, deserunt iure
                                veritatis cupiditate modi aspernatur accusantium, mollitia doloribus. Velit, iste.</p>
                            <h4>3. Confirm Order Content</h4>
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero ut autem sed! Assumenda,
                                nostrum non doloribus tenetur, pariatur veritatis harum natus ipsam maiores dolorem
                                repudiandae laboriosam, cupiditate odio earum eum?</p>
                            <h4>4.Transaction Completed</h4>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam nesciunt nam aut magnam
                                libero aspernatur eaque praesentium? Tempore labore quis neque? Magni.</p>
                            <h4>5. Accepted Credit Cards</h4>
                            <ul>
                                <li>Visa</li>
                                <li>Mastercards</li>
                                <li>American Express</li>
                                <li>Discover</li>
                            </ul>
                            <span>*Taxes are calculated by your local bank and location.</span>
                            <h4 class="mt-30">6. Download and Setup</h4>
                            <ul>
                                <li>Updated content on a regular basis</li>
                                <li>Secure &amp; hassle-free payment</li>
                                <li>1-click checkout</li>
                                <li>Easy access &amp; smart user dashboard</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<footer th:replace="~{front/include::footer}"></footer>
<div th:insert="~{front/include::loader}"></div>
<div th:insert="~{front/include::scripts}"></div>
</body>

</html>